﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Giao Vu UIT</title>
<link rel="stylesheet" href=@Url.Content("~/Content/themes/admin/css/screen.css") type="text/css" media="screen" title="default" />
    <link rel="stylesheet" href=@Url.Content("~/Content/client-site.css") type="text/css" media="screen" title="default" />
<!--[if IE]>
<link rel="stylesheet" media="all" type="text/css" href="~/Content/themes/admin/css/pro_dropline_ie.css" />
<![endif]-->

<!--  jquery core -->
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>
    <script src="~/Scripts/jquery-ui-1.8.20.js"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.min.js")"></script>
    <script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")"></script>
    <!--  checkbox styling script -->
<script src="~/Content/themes/admin/js/jquery/ui.checkbox.js" type="text/javascript"></script>
<script src="~/Content/themes/admin/js/jquery/jquery.bind.js" type="text/javascript"></script>
<script src="~/Content/themes/admin/js/jquery/jquery.datePicker.js"></script>
<script type="text/javascript">
$(function(){
	$('input').checkBox();
	$('#toggle-all').click(function(){
 	$('#toggle-all').toggleClass('toggle-checked');
	$('#mainform input[type=checkbox]').checkBox('toggle');
	return false;
	});
});
</script>  

<![if !IE 7]>

<!--  styled select box script version 1 -->
<script src="~/Content/themes/admin/js/jquery/jquery.selectbox-0.5.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect').selectbox({ inputClass: "selectbox_styled" });
});
</script>
 

<![endif]>

<!--  styled select box script version 2 --> 
<script src="~/Content/themes/admin/js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_form_1').selectbox({ inputClass: "styledselect_form_1" });
	$('.styledselect_form_2').selectbox({ inputClass: "styledselect_form_2" });
	$('.date_picker').datepicker();
});
</script>

<!--  styled select box script version 3 --> 
<script src="~/Content/themes/admin/js/jquery/jquery.selectbox-0.5_style_2.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('.styledselect_pages').selectbox({ inputClass: "styledselect_pages" });
});
</script>

<!--  styled file upload script --> 
<script src="~/Content/themes/admin/js/jquery/jquery.filestyle.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
  $(function() {
      $("input.file_1").filestyle({ 
          image: "~/Content/themes/admin/images/forms/choose-file.gif",
          imageheight : 21,
          imagewidth : 78,
          width : 310
      });
  });
</script>

<!-- Custom jquery scripts -->
<script src="~/Content/themes/admin/js/jquery/custom_jquery.js" type="text/javascript"></script>
 
<!-- Tooltips -->
<script src="~/Content/themes/admin/js/jquery/jquery.tooltip.js" type="text/javascript"></script>
<script src="~/Content/themes/admin/js/jquery/jquery.dimensions.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {
	$('a.info-tooltip ').tooltip({
		track: true,
		delay: 0,
		fixPNG: true, 
		showURL: false,
		showBody: " - ",
		top: -35,
		left: 5
	});
});
</script> 


<!--  date picker script -->
<link href="~/Content/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="~/Content/themes/admin/js/jquery/jquery-1.4.1.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="~/Content/themes/admin/css/datePicker.css" type="text/css" />
<script src="~/Content/themes/admin/js/jquery/date.js" type="text/javascript"></script>
<script src="~/Content/themes/admin/js/jquery/jquery.datePicker.js" type="text/javascript"></script>

<!-- MUST BE THE LAST SCRIPT IN <HEAD></HEAD></HEAD> png fix -->
<script src="~/Content/themes/admin/js/jquery/jquery.pngFix.pack.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$(document).pngFix( );
});
</script>
</head>
<body> 
<!-- Start: page-top-outer -->
<div id="page-top-outer">    

<!-- Start: page-top -->
<div id="page-top">

	<!-- start logo -->
	<div id="logo">
	<a href=""><img src="~/Images/logo/logo_UIT.jpg" width="269" height="89" alt="" /></a>
	</div>
	<!-- end logo -->
	
	<!--  start top-search -->
	<div id="top-search">
		<table border="0" cellpadding="0" cellspacing="0">
		<tr>
		<td><input type="text" value="Search" onblur="if (this.value=='') { this.value='Search'; }" onfocus="if (this.value=='Search') { this.value=''; }" class="top-search-inp" /></td>
		<td>
		<select  class="styledselect">
			<option value=""> All</option>
			<option value=""> Products</option>
			<option value=""> Categories</option>
			<option value="">Clients</option>
			<option value="">News</option>
		</select> 
		</td>
		<td>
		<input type="image" src="~/Content/themes/admin/images/shared/top_search_btn.gif"  />
		</td>
		</tr>
		</table>
	</div>
 	<!--  end top-search -->
 	<div class="clear"></div>

</div>
<!-- End: page-top -->

</div>
<!-- End: page-top-outer -->
	
<div class="clear">&nbsp;</div>
 
<!--  start nav-outer-repeat................................................................................................. START -->
<div class="nav-outer-repeat"> 
<!--  start nav-outer -->
<div class="nav-outer"> 

		<!-- start nav-right -->
		<div id="nav-right">
		
			<div class="nav-divider">&nbsp;</div>
			<div class="showhide-account"><img src="~/Content/themes/admin/images/shared/nav/nav_myaccount.gif" width="93" height="14" alt="" /></div>
			<div class="nav-divider">&nbsp;</div>
			<a href="#" class="dangxuat" id="logout"><img src="~/Content/themes/admin/images/shared/nav/nav_logout.gif" width="64" height="14" alt="" /></a>
			<div class="clear">&nbsp;</div>
		
			<!--  start account-content -->	
			<div class="account-content">
			<div class="account-drop-inner">
				<a href="" id="acc-settings">Settings</a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="" id="acc-details">Personal details </a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="" id="acc-project">Project details</a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="" id="acc-inbox">Inbox</a>
				<div class="clear">&nbsp;</div>
				<div class="acc-line">&nbsp;</div>
				<a href="" id="acc-stats">Statistics</a> 
			</div>
			</div>
			<!--  end account-content -->
		
		</div>
		<!-- end nav-right -->


		<!--  start nav -->
		<div class="nav">
		<div class="table">
		
		<ul class="current"><li><a href="@Url.Action("Index","GiangVienClient")"><b>Home</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub show">
			<ul class="sub">
@*				<li><a href="@Url.Action("ThongTin","GiangVienClient")">Thông Tin</a></li>
                <li><a href="@Url.Action("CapNhat","GiangVienClient")">Cập Nhật Thông Tin</a></li>*@
                <li><a href="/GiangVienClient/ThongTin/" id="thongtingiangvien">Thông tin Cá Nhân</a></li>
                <li><a href="/GiangVienClient/CapNhat/" id="capnhatthongtin">Cập Nhật Thông Tin</a></li>
                <li><a href="/GiangVienClient/DoiMatKhau/" id="">Đổi Mật Khẩu</a></li>
                <li><a href="/GiangVienClient/DamNhanMons/" id="">Môn Đảm Nhận Giảng Dạy</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>						                    		
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="#nogo"><b>Giảng dạy</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
                <li><a href="/GiangVienClient/LopMonHoc/" >Lớp được phân công dạy</a></li>
                <li><a href="/GiangVienClient/DangKyGioDay">Đăng Ký Giờ dạy</a></li>
                <li><a href="/GiangVienClient/DeTai">Đăng Ký Đề Tài</a></li>
                <li><a href="/GiangVienClient/ThongKeGiangVien">Thống kê giảng dạy</a></li>
				<li><a href="/GiangVienClient/LichHoc">Thời khóa biểu</a></li>
				<li><a href="/GiangVienClient/XemLichThi">Lịch thi học kỳ</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="#nogo"><b>Lớp học</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="/GiangVienClient/DanhSachLopMo">Danh sách lớp mở trong học kỳ</a></li>				
                <li><a href="#nogo">Chương trình khung đào tạo</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
		
		<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="/tailieugiangvien/index"><b>Tài liệu</b><!--[if IE 7]><!--></a><!--<![endif]-->
		<!--[if lte IE 6]><table><tr><td><![endif]-->
		<div class="select_sub">
			<ul class="sub">
				<li><a href="/tailieugiangvien/index">Danh sách tài liệu</a></li>
				<li><a href="#nogo">Tải lên</a></li>
			</ul>
		</div>
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>

		@*<div class="nav-divider">&nbsp;</div>
		
		<ul class="select"><li><a href="#nogo"><b>Thông báo</b><!--[if IE 7]><!--></a><!--<![endif]-->*@
		<!--[if lte IE 6]><table><tr><td><![endif]-->		
		<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		</ul>
            <div class="nav-divider">&nbsp;</div>
            <ul class="select">
                <li>
                    <div>
                        <div class="zingnotify ntbtn" id="ntbtn">
                            <span style="color: red; font-size: 13px;" id="thongbao"></span>                            
                        </div>
                        <div id="">
                        </div>                        
                    </div>
                </li>
            </ul>		
		<div class="clear"></div>
		</div>
		<div class="clear"></div>
		</div>
		<!--  start nav -->

</div>
<div class="clear"></div>
<!--  start nav-outer -->
</div>
<!--  start nav-outer-repeat................................................... END -->

 <div class="clear"></div>
 
<!-- start content-outer ........................................................................................................................START -->
<div id="content-outer">
<!-- start content -->
<div id="content">  
    <div id="left-bar-client">
        <div id="thongtinGV">                 
        @*@{Html.RenderAction("ThongTinCoBan");}*@
        </div>
        <hr style="width: 200px;margin: 20px auto;" />
        @Html.Partial("_QlgvClockPartial");    
    </div>
    
    <div id="main-content-client"> 
    @RenderBody()
    </div>
</div>
<!--  end content -->
<div class="clear">&nbsp;</div>
</div>
<!--  end content-outer........................................................END -->

<div class="clear">&nbsp;</div>
    
<!-- start footer -->         
<div id="footer">
	<!--  start footer-left -->
	<div id="footer-left">
	
	Admin Skin &copy; Copyright Internet Dreams Ltd. <span id="spanYear"></span> <a href="">www.netdreams.co.uk</a>. All rights reserved.</div>
	<!--  end footer-left -->
	<div class="clear">&nbsp;</div>
</div>
<!-- end footer -->    
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        // Create two variable with the names of the months and days in an array
        var monthNames = ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12"];
        var dayNames = ["Chủ Nhật","Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"]

        // Create a newDate() object
        var newDate = new Date();
        // Extract the current date from Date object
        newDate.setDate(newDate.getDate());
        //alert(newDate.getDay());        
        // Output the day, date, month and year   
        $('#Date').html(dayNames[newDate.getDay()] + ", Ngày " + newDate.getDate() + ' Tháng ' + monthNames[newDate.getMonth()] + ' Năm ' + newDate.getFullYear());

        setInterval(function () {
            // Create a newDate() object and extract the seconds of the current time on the visitor's
            var seconds = new Date().getSeconds();
            // Add a leading zero to seconds value
            $("#sec").html((seconds < 10 ? "0" : "") + seconds);
        }, 1000);

        setInterval(function () {
            // Create a newDate() object and extract the minutes of the current time on the visitor's
            var minutes = new Date().getMinutes();
            // Add a leading zero to the minutes value
            $("#min").html((minutes < 10 ? "0" : "") + minutes);
        }, 1000);

        setInterval(function () {
            // Create a newDate() object and extract the hours of the current time on the visitor's
            var hours = new Date().getHours();
            // Add a leading zero to the hours value
            $("#hours").html((hours < 10 ? "0" : "") + hours);
        }, 1000);

        $('#thongtinGV').load("/GiangVienClient/ThongTinCoBan");
        $('.dangxuat').click(function () {
            $.post("/GiangVienClient/DangXuat", {}, function (data) {
                //alert(data.success);
                window.location = data.success;
            });
        });

        $.post("/ThongBao/GetSoLuongThongBaoGiangVienChuaXem", {}, function (data) {
            if (data.thongbaochuaxem != '0') {
                $('#thongbao').html(data.thongbaochuaxem);
            }
        });
        $('#ntbtn').click(function () {
            window.location = "/ThongBao/ThongBaoGiangVien";
        });

    });
</script>
